<template>
    <div class="top-title-com">
        <span>{{title}}</span>
        <span class="tip">{{tip}}</span>
    </div>
</template>

<script>
export default {
    name: 'topTitle',
    props: ['title', 'tip']
}
</script>

<style lang="scss">
    .top-title-com {
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        height: 20px;
        font-size: 16px;
        font-weight: 500;
        &::before {
            content: '';
            width: 3px;
            height: 100%;
            margin-right: 8px;
            background-color: #0081ff;
        }
        .tip {
            font-size: 13px;
            font-weight: normal;
            margin-left: 10px;
        }
    }
</style>
